<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Social Thrust - Social Media Empowerment for your Business!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/DIN_1451_Mittelschrift_DB_400.font.js" type="text/javascript"></script>
<script src="js/Futuris_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_italic_300.font.js" type="text/javascript"></script>
</head>

<body id="page1">
	<div id="main">
		<!--header -->
		<div id="header">
			<a href="#" class="twitter"><img src="images/twitter.jpg" alt=""/></a>
			<div class="wrapper">
				<div class="logo">	
				<div class="right">
					<ul>
						<li><a href="#">Support</a></li>
						<li><a href="#">SiteMap</a></li>
						<li><a href="#">RSS </a></li>
					</ul>

				</div>			
				<a href="index.html"><img src="images/st-logo.jpg" alt=""/></a>
                  </div>  </div>
			<ul class="menu">
				<li><a href="index.html" class="active">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<div class="slogan">
				<h1>Developing your </h1>
				<h1><span>strong points</span></h1>
				<p>A place where pebbles are polished<br/> and diamonds are dimmed</p>
				<a href="#" class="link">our special programs</a>
			</div>
		</div>
		<!--header end-->
		<div id="content">
			<div class="row1">
				<div class="wrapper banners">
					<div class="col1">
						<img src="images/page1_img1.jpg" alt=""/>
						<h3 class="blue">Our community</h3>
						<p>Lorem ipsum dolor sit amet, consectuer adipiscing elit. Praesent vestibulum molestie lacus.Aenean nonummy hen
drerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque </p>
				<a href="#" class="link">read more</a>
					</div>
					<div class="col2">
						<img src="images/page1_img2.jpg" alt=""/>
						<h3 class="pink">Science and research</h3>
						<p>Praesent vestibulum lestielacus.Aenean nonummy hendrerit auris. Phasellus ta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis partu
rient montes, nascetur ridiculus mus. </p>
				<a href="#" class="link">read more</a>
					</div>
					<div class="col3">
						<img src="images/page1_img3.jpg" alt=""/>
						<h3 class="green">Students' library</h3>
						<p>Aenean nonummy hendrerit mauris. Pha
sellus porta. Fusce suscipit varius mi. Um sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fuscgiat .</p>
				<a href="#" class="link">read more</a>
					</div>
					<div class="col4">
						<img src="images/page1_img4.jpg" alt=""/>
						<h3>Study opportunities</h3>
						<p>Cum sociis natoque penatibus et agnis dis parturient montes, nascetur ridiculus mus. Nulla dui malesuada odio.Morbi unc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac </p>
				<a href="#" class="link">read more</a>
					</div>
				</div>
				
			</div>
			<div class="row2">
				<div class="wrapper">
					<div class="col1">
						<h2>We are among the leading research and teaching institutions of the world</h2>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie ene
an nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoq</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vum molestieacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque natibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla duiuscgiat </p>
				<p class="links"><a href="#" class="link">read more</a></p>
					</div>
					<div class="col2">
						<h2>Semester's best teachers</h2>
						<div class="wrapper blocks">
							<div class="block">
								<img src="images/page1_img5.jpg" alt=""/>
								<p>Lorem ipsum dol
								<span>Tom Jerry</span></p>
							</div>
							<div class="block middle">
								<img src="images/page1_img6.jpg" alt=""/>
								<p>Lorem ipsum dol
								<span>Lora Bright</span></p>
							</div>
							<div class="block">
								<img src="images/page1_img7.jpg" alt=""/>
								<p>Lorem ipsum dol
								<span>Bob Fisher</span></p>
							</div>
						</div>
					</div>
				</div>
			</div>						
		</div>
		<!--footer -->
		<div id="footer">
			<div class="right">
				<h6>Contact information</h6>
				<p>Telephone / Fax: (000) 123-4567<br/>Location: New York, NY 10000</p>
			</div>
			<ul class="menu">
				<li class="first"><a href="index.html" class="active">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<span>College page</span>   &copy; 2010&nbsp;  |  &nbsp;<a href="index-8.html">Privacy policy</a>
		</div>
		<!--footer end-->
</div>
   <script type="text/javascript"> Cufon.now(); </script>
</body>

</html>
